<template>
	<view class="container">
		
		<view class="header">
			<!-- 顶部通知 -->
			<view class="msg">
				<rich-text :nodes="strings"></rich-text>
			</view>
		</view>
		
		<view class="main">
			<view class="basic-data">
				<!-- 基本数据 -->
				<view class="basic-data-hint">
					登记人信息
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">真实姓名：</text>
					<view class="basic-data-content">
						张三
					</view>
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">曾用名：</text>
					<view class="basic-data-content">
						无
					</view>
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">身份证号：</text>
					<view class="basic-data-content">
						14055457845454
					</view>
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">护照号：</text>
					<view class="basic-data-content">
						无
					</view>
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">性别：</text>
					<view class="basic-data-content">
						男
					</view>
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">国籍：</text>
					<view class="basic-data-content">
						中国
					</view>
				</view>
				<view class="basic-data-item">
					<text class="basic-data-label">住址：</text>
					<view class="basic-data-content">
						河南省郑州市商都世贸中心
					</view>
				</view>
				<view class="card">
					<text class="basic-data-label">身份证：</text>
					<view class="basic-data-content">
						<image @click="checkBig('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f')" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f" mode=""></image>
						<image @click="checkBig('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f')" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f" mode=""></image>
					</view>
				</view>
			</view>
			
			<!-- 联系方式 -->
			<view class="main-2">
				<view class="phones">
					<view class="label">
						联系电话：
					</view>
					<view class="phone-list">
						<view class="phone phone-active">
							15736884754
						</view>
						<view class="phone">
							15736884754
						</view>
						<view class="phone">
							15736884754
						</view>
					</view>
				</view>
				
				<view class="relation">
					<view class="relation-label">
						与遗赠人关系：
					</view>
					<view class="relation-content">
						文字信息
					</view>
				</view>
			</view>
			
			
			<!-- 一些相关信息 -->
			<!-- 遗嘱人信息 -->
			<view class="correlation">
				<view class="basic-data">
					<!-- 基本数据 -->
					<view class="basic-data-hint">
						遗嘱人信息
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">性别：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">出生日期：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">民族：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">文化程度：</text>
						<view class="basic-data-content">
							中国
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">职业：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">国籍：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">住址：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与登记人关系：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
				</view>
			</view>
			
			<!-- 继承人信息1 -->
			<view class="correlation">
				<view class="basic-data">
					<!-- 基本数据 -->
					<view class="basic-data-hint">
						继承人信息
					</view>
					<view class="basic-data-subhead">
						继承人1
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">性别：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">出生日期：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">民族：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">文化程度：</text>
						<view class="basic-data-content">
							中国
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">职业：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">国籍：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">住址：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与遗赠人关系：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
				</view>
			</view>
			
			
			<!-- 紧急联系人1 -->
			<view class="correlation">
				<view class="basic-data">
					<!-- 基本数据 -->
					<view class="basic-data-hint">
						紧急联系人
					</view>
					<view class="basic-data-subhead">
						联系人1
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">性别：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">出生日期：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">民族：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">文化程度：</text>
						<view class="basic-data-content">
							中国
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">职业：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">国籍：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">住址：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与遗赠人关系：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
				</view>
			</view>
			
			<!-- 紧急联系人2 -->
			<view class="correlation">
				<view class="basic-data">
					<!-- 基本数据 -->
					<view class="basic-data-subhead" style="padding: 0 0 18rpx;">
						联系人2
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">性别：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">出生日期：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">民族：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">文化程度：</text>
						<view class="basic-data-content">
							中国
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">职业：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">国籍：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">住址：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与遗赠人关系：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
				</view>
			</view>
			
			
			<!-- 近亲属人信息1 -->
			<view class="correlation">
				<view class="basic-data">
					<!-- 基本数据 -->
					<view class="basic-data-hint">
						近亲属人信息
					</view>
					<view class="basic-data-subhead">
						亲属1
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">性别：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">出生日期：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">民族：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">文化程度：</text>
						<view class="basic-data-content">
							中国
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">职业：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">国籍：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">住址：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与遗赠人关系：</text>
						<view class="basic-data-content">
							河南省郑州市商都世贸中心
						</view>
					</view>
				</view>
			</view>
			
			
			<!-- 纸质遗嘱 -->
			<view class="wrapper">
				<view class="wrapper-label">
					纸质遗嘱
				</view>
				<view class="wrapper-content">
					<image @click="checkBig('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f')" class="last-words" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f" mode=""></image>
				</view>
			</view>
			
			<view class="wrapper">
				<view class="wrapper-label" style="border-bottom: none;">
					遗嘱朗读
				</view>
				<view class="wrapper-content">
					<video class="read-last-words" src="https://v26-web.douyinvod.com/c78c69551e8f84771ad0a3f758c41d22/628ef461/video/tos/cn/tos-cn-ve-15c001-alinc2/e167166074374bfe92b64300004308f3/?a=6383&ch=5&cr=0&dr=0&lr=all&cd=0%7C0%7C0%7C0&cv=1&br=2007&bt=2007&cs=0&ds=3&ft=t2zLrtjjM9g.xrZqoZmCTeK_ScoAp3jc.4vrKfP3Xxdo0&mime_type=video_mp4&qs=0&rc=aWU1ZTQ5aGg3OzM6NzZkZUBpM293NzM6ZjgzPDMzNGkzM0BgMWJgLy80NV4xNi8yMC4xYSMuMG5ncjRvYG9gLS1kLTBzcw%3D%3D&l=20220526103032010151073233154D17BC"></video>
					<video class="read-last-words" src="https://v26-web.douyinvod.com/c78c69551e8f84771ad0a3f758c41d22/628ef461/video/tos/cn/tos-cn-ve-15c001-alinc2/e167166074374bfe92b64300004308f3/?a=6383&ch=5&cr=0&dr=0&lr=all&cd=0%7C0%7C0%7C0&cv=1&br=2007&bt=2007&cs=0&ds=3&ft=t2zLrtjjM9g.xrZqoZmCTeK_ScoAp3jc.4vrKfP3Xxdo0&mime_type=video_mp4&qs=0&rc=aWU1ZTQ5aGg3OzM6NzZkZUBpM293NzM6ZjgzPDMzNGkzM0BgMWJgLy80NV4xNi8yMC4xYSMuMG5ncjRvYG9gLS1kLTBzcw%3D%3D&l=20220526103032010151073233154D17BC"></video>
				</view>
			</view>
			
			<view class="wrapper">
				<view class="wrapper-label" style="border-bottom: none;">
					遗嘱人在遗嘱上签字按印的录像资料
				</view>
				<view class="wrapper-content">
					<video class="read-last-words" src="https://v26-web.douyinvod.com/c78c69551e8f84771ad0a3f758c41d22/628ef461/video/tos/cn/tos-cn-ve-15c001-alinc2/e167166074374bfe92b64300004308f3/?a=6383&ch=5&cr=0&dr=0&lr=all&cd=0%7C0%7C0%7C0&cv=1&br=2007&bt=2007&cs=0&ds=3&ft=t2zLrtjjM9g.xrZqoZmCTeK_ScoAp3jc.4vrKfP3Xxdo0&mime_type=video_mp4&qs=0&rc=aWU1ZTQ5aGg3OzM6NzZkZUBpM293NzM6ZjgzPDMzNGkzM0BgMWJgLy80NV4xNi8yMC4xYSMuMG5ncjRvYG9gLS1kLTBzcw%3D%3D&l=20220526103032010151073233154D17BC"></video>
				</view>
			</view>
			
			<view class="wrapper">
				<view class="wrapper-label" style="border-bottom: none;">
					财产凭证或权益凭证上传
				</view>
				<view class="wrapper-subhead">
					财产凭证或权益凭证
				</view>
				<view class="wrapper-content">
					<image @click="checkBig('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f')" class="last-words" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f" mode=""></image>
				</view>
				<view class="wrapper-subhead" style="margin-top: 30rpx;">
					遗赠抚养协议合同
				</view>
				<view class="wrapper-content">
					<image @click="checkBig('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f')" class="last-words" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1115%2F101021113337%2F211010113337-6-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656119799&t=df2317d785fd07afd5bc25db6e74f12f" mode=""></image>
				</view>
			</view>
			
			<view class="correlation">
				<view class="basic-data">
					<!-- 基本数据 -->
					<view class="basic-data-hint">
						遗嘱查询人
					</view>
					<view class="basic-data-subhead">
						查询人1
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与遗赠关系：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
				</view>
			</view>
			
			<view class="correlation">
				<view class="basic-data">
					<view class="basic-data-subhead" style="padding: 0 0 18rpx;">
						查询人2
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">姓名：</text>
						<view class="basic-data-content">
							张三
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">籍贯：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">身份证号：</text>
						<view class="basic-data-content">
							14055457845454
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">联系电话：</text>
						<view class="basic-data-content">
							无
						</view>
					</view>
					<view class="basic-data-item">
						<text class="basic-data-label">与遗赠关系：</text>
						<view class="basic-data-content">
							男
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="footer">
			<view class="btn" @click="dispose">
				{{ status_list.find(e => e.id === status).value }}
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				strings: '温馨提示：尊敬的用户您好，您的资料已寄送，请耐心等待平台签 收审核',
				status_list: [
					{
						id: 0,
						value: '编辑中'
					},
					{
						id: 1,
						value: '待审查'
					},
					{
						id: 2,
						value: '已通过'
					},
					{
						id: 3,
						value: '待生效'
					},
					{
						id: 4,
						value: '不通过'
					},
					{
						id: 5,
						value: '已生效'
					}
				],
				status: 0
			}
		},
		methods: {
			// 查看大图
			checkBig(url) {
				uni.previewImage({
					urls: [url]
				})
			},
			// 执行操作
			dispose() {
				switch(this.status) {
					case 0:
					console.log(this.status_list.find(e => e.id === this.status).value)
					break;
					case 1:
					console.log(this.status_list.find(e => e.id === this.status).value)
					break;
					case 2:
					console.log(this.status_list.find(e => e.id === this.status).value)
					break;
					case 3:
					console.log(this.status_list.find(e => e.id === this.status).value)
					break;
					case 4:
					console.log(this.status_list.find(e => e.id === this.status).value)
					break;
					default:
					console.log(this.status_list.find(e => e.id === this.status).value)
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.footer{
		padding: 22rpx;
		background-color: #FFF;
		margin-top: 25rpx;
		.btn {
			border-radius: 50rpx;
			background-color: #4778B2;
			font-size: 32rpx;
			text-align: center;
			height: 100rpx;
			line-height: 100rpx;
			color: #FFF;
		}
	}
	
	.wrapper {
		background-color: #fff;
		margin-top: 19rpx;
		border-radius: 20rpx;
		padding: 34rpx 30rpx;
		.wrapper-subhead {
			font-size: 26rpx;
			color: #999999;
		}
		.wrapper-content {
			display: flex;
			flex-wrap: wrap;
			margin-top: 20rpx;
			
			.read-last-words {
				width: 100%;
				height: 260rpx;
				border-radius: 15rpx;
				&:nth-child(n+2) {
					margin-top: 15rpx;
				}
			}
			
			.last-words {
				width: 200rpx;
				height: 253rpx;
				border-radius: 15rpx;
				vertical-align: middle;
				&:nth-child(3n-1) {
					margin: 0 23rpx;
				}
				&:nth-child(n+4) {
					margin-top: 25rpx;
				}
			}
		}
		.wrapper-label {
			padding-bottom: 21rpx;
			border-bottom: 1rpx solid #F6F6F6;
			font-size: 30rpx;
		}
	}
	
	.correlation {
		margin-top: 22rpx;
	}
	
	.relation {
		display: flex;
		justify-content: space-between;
		margin-top: 40rpx;
		.relation-content {
			color: #999999;
		}
	}
	
	.phone-active {
		display: flex;
		color: #333333;
		align-items: center;
		&::after {
			display: block;
			content: '常用';
			background-color: #FFE7E3;
			margin-left: 21rpx;
			color: #8C382C;
			font-size: 18rpx;
			padding: 8rpx 14rpx;
			border-radius: 16rpx;
		}
	}
	.phones {
		display: flex;
		justify-content: space-between;
		.phone-list {
			color: #999999;
			.phone {
				margin-top: 20rpx;
			}
			.phone:first-child {
				margin-top: 0;
			}
		}
	}
	.main-2 {
		background-color: #fff;
		padding: 40rpx;
		margin-top: 16rpx;
	}
	.card {
		padding: 18rpx 0;
		.basic-data-label {
		}
		.basic-data-content {
			display: flex;
			justify-content: space-around;
			margin-top: 35rpx;
		}
	}
	.basic-data {
		background-color: #FFF;
		border-radius: 20rpx;
		padding: 34rpx 30rpx;
		.basic-data-subhead {
			padding: 18rpx 0;
			color: #8C382C;
			font-size: 28rpx;
			font-weight: bold;
		}
		image {
			width: 287rpx;
			height: 181rpx;
			vertical-align: middle;
			border-radius: 10rpx;
		}
		.basic-data-content {
			color: #999999;
		}
		.basic-data-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 18rpx 0;
		}
		.basic-data-hint{
			padding-bottom: 21rpx;
			border-bottom: 1rpx solid #F6F6F6;
			font-size: 30rpx;
		}
	}
	.main {
		margin: 22rpx 22rpx 0;
	}
	.header {
		background-color: #FFF6DD;
		padding: 30rpx 28rpx;
		font-size: 24rpx;
	}
.container {
	color: #333;
	font-size: 26rpx;
}
</style>
<style>
	page {
		background-color: #F6F6F6;
	}
</style>
